<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Journey through Space: A 3rd grade science learning module</title>
        <script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
        <script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
        <script src="scripts/scripts.js" language="javascript"></script>
        <link href="styles/styles.css" type="text/css" rel="stylesheet"/>
    </head>
    
    <body onload="javascript:visitVenus()">
        <div>
            <div>
                <table id="indextable">
                    <tr>
                        <td align="center"><img src="images/mercurytoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/venustoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/earthtoon.png" height="20px" width="20px"/></td>
                    </tr>
                        <td align="center"><img src="images/marstoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/suntoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/jupitertoon.png" height="20px" width="20px"/></td>
                    <tr>
                        <td align="center"><img src="images/saturntoon.png" height="20px" width="45px"/></td>
                        <td align="center"><img src="images/uranustoon.png" height="20px" width="30px"/></td>
                        <td align="center"><img src="images/neptunetoon.png" height="20px" width="20px"/></td>
                    </tr>
                </table>
            </div>
                            
            <div id="headerimage">
                <a name="top">
                <img src="images/header.jpg"
                    alt="image of module title - Journey through Space: a 3rd grade science learning module"
                    title="image of module title - Journey through Space: a 3rd grade science learning module"
                    width="82%"/>
                </a>
            </div>
        </div>
        
        <div id="nav">
            <div id="nav_wrapper">
                <ul>
                    <li><a class="show" href="welcome.html">Welcome!</a>
                    </li>
                    <li><a class="show" href="sun.html">The Sun</a>
                    </li>
                    <li><a class="show" href="#">Rocky Planets</a>
                        <ul>
                            <li><a class="show" href="terresterial.html">Rocky Planet Intro</a>
                            </li>
                            <li><a class="show" href="mercury.html">Mercury</a>
                            </li>
                            <li><span class="menu-link-inactive" class="show" href="venus.html">Venus</span>
                            </li>
                            <li><a class="show" href="earth.html">Earth</a>
                            </li>
                            <li><a class="show" href="mars.html">Mars</a>
                            </li>
                            <li><a class="hide" id="terresterialquizlink" href="terresterialquiz.html">Rocky Planets Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="show" href="moon.html">The Moon</a>
                    </li>
                    <li><a class="show" href="asteroid.html">Asteroid Belt</a>
                    </li>
                    <li><a class="show" href="#">Gas Giants</a>
                        <ul>
                            <li><a class="show" href="gaseous.html">Gas Giants Intro</a>
                            </li>
                            <li><a class="show" href="jupiter.html">Jupiter</a>
                            </li>
                            <li><a class="show" href="saturn.html">Saturn</a>
                            </li>
                            <li><a class="show" href="uranus.html">Uranus</a>
                            </li>
                            <li><a class="show" href="neptune.html">Neptune</a>
                            </li>
                            <li><a class="hide" id="gaseousquizlink" href="gaseousquiz.html">Gas Giants Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li> <a class="hide" id="finalquizlink" href="endquiz.html">Final Quiz</a>
                    </li>
                    <li> <a class="hide" id="certificate" href="certificate.html">Certificate</a>
                    </li>
                </ul>
            </div>
            <!-- Nav wrapper end -->
        </div>
        <!-- Nav end -->
        
        <div>
            <article>
                <header>
                    <table align="center">
                        <tr>
                            <th><img src="images/boyastro.jpg" height="50px" width="50px"/></th>
                            <th><h1>Venus: The second planet from the Sun</h1></th>
                            <th><img src="images/girlastro.jpg" height="50px" width="50px"/></th>
                        </tr>
                    </table>
                </header>
                
                <aside>
                    <table>
                        <tr>
                            <img src="images/venuscrater.jpg"
                                alt="Impact crater on the surface of Venus."
                                title="Impact crater on the surface of Venus."/>
                        </tr>
                        <tr>
                            <p>The surface of Venus has a crater that was formed by a falling meteor.</p>
                        </tr> 
                        <tr>
                            <img src="images/venus2.jpg"
                                alt="Venus' atmosphere is toxic."
                                title="Venus' atmosphere is toxic."/>
                        </tr>
                        <tr>
                            <p>Venus' atmosphere is toxic and traps heat causing a <em>greenhouse effect</em>.</p>
                        </tr> 
                    </table>
                </aside>
                
                <section>
                    <div class="center">
                        <img src="images/venuscomic.png"
                            alt="Introduction comic to the Venus page."
                            title="Introduction comic to the Venus page."/>
                        <br/>
                        <audio controls>
                            <source src="audio/venus.mp3" type="audio/mpeg">
                            <source src="audio/venus.ogg" type="audio/ogg">
                            <source src="audio/venus.wav" type="audio/wav">
                        </audio>
                    </div>
                    
                    <h3>Interesting Facts</h3>
                        <ul>
                        	<li>Venus is the second brightest natural object in the sky after the Moon.</li>
                            <li>Venus orbits the Sun every 224.7 earth days.</li>
                            <li>It is the sixth largest planet in the solar system.</li>
                        </ul>
                      
                    <h3>Venus and Earth</h3>  
                        <ul>
                            <li>Venus is very similar to Earth making them "sister planets". Like Earth, 
                                it has similar volcanoes and canyons, and the core is made from iron. They 
                                are also almost the same size.</li>
                            <li>On Earth, you can see Venus with a telescope. So, the best time to see 
                                Venus is right after the Sun sets or in the morning as the Sun is 
                                rising.</li>
                            <li>The <em>gravity</em> on Venus is also 90% of that on Earth and so you weigh 10% 
                                less on it.</li>
                            <li>You might observe Venus in one of its phases.</li><br/>
                        </ul>    
                    	
                        <table id="venustable">
                            <tr>
                                <img src="images/venusphases.jpg"
                                    alt="Phases of Venus from March 2004 through June 2004."
                                    title="Phases of Venus from March 2004 through June 2004."/>
                            </tr>
                            <tr>
                                <p>The phases of Venus from March 2004 through June 2004.</p>
                            </tr>
                        </table>

                    <a href="#top">Back to top</a>
                </section>
            </article>
        </div>
        
        <div>
            <footer>
                <cite>All information was collected from 
                    <a href="http://www.wikipedia.org">Wikipedia</a>, 
                    <a href="http://www.nasa.gov">NASA</a>, 
                    Etsy - Pretty Grafik Design</a>, &amp Etsy - Paula Kim Studio</a>
                </cite>
            </footer>
        </div>
    </body>
</html>
